<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- $Id: drag.htm 5256 2007-02-06 09:48:18Z paulgao $ -->
<html>
<head>
<title>drag</title>
<link href="css/examples-offline.css" rel="stylesheet">
<script src="js/kendo UI/jquery.min.js"></script>
{literal}
<style type="text/css">
body {
  margin: 0;
  padding: 0;
  cursor: E-resize;
}
</style>
<script type="text/javascript" language="JavaScript">

function toggleMenu()
{
  frmBody = parent.document.getElementById('frame_body');
  imgArrow = document.getElementById('img');

  if (frmBody.cols == "0, 10, *")
  {
    frmBody.cols="180, 10, *";
    $('#img').attr("src","img/arrow_left.png");
  }
  else
  {
    frmBody.cols="0, 10, *";
    $('#img').attr("src","img/arrow_right.png");
  }
}

</script>
{/literal}
</head>
<body onselect="return false;">
<table height="100%" cellspacing="0" cellpadding="0" id="tbl" {if $padding_color}{$padding_color}{/if}>
  <tr><td><a href="javascript:toggleMenu();"><img src="img/arrow_left.png" width="10" height="30" id="img" border="0" /></a></td></tr>
</table>
</body>
</html>html>
